<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
</head>
<body>
<h2>Home</h2>
<hr>
{# 模板语言的注释 #}
<h4> 变量: </h4>
<p>name:{{ name }}</p>
<p>age:{{ age }}</p>
<p>likes:{{ likes }}</p>
<hr>


<h4>标签:</h4>
<h5>if语句</h5>
{% if age >=18 %}
    <p>{{ name }} 已经成年了</p>
{% else %}
    <p> {{ name }} 还是个小孩</p>
{% endif %}

<br><br><br><br>

{#循环遍历like里面的数据#}
<h5>for循环语句</h5>
{% for like  in likes %} {# likes：是个集合 like:是集合中的每一个元素#}
    {% if loop.first %}
        <p style="color: red;">{{ like }}</p>  {# 如果是集合中的第一个元素，则打印红色#}
    {% elif loop.last %}
        <p style="color: blue;">{{ like }}</p>  {#如果是集合中的最后一个元素，则打印蓝色#}
    {% else %}
        <p style="color: orange;">{{ like }}</p>  {# 如果是其它的元素，则打印黑色#}
    {% endif %}  {# 这个是if语句的结束语句#}




    index:{{ loop.index }}, {# 获取索引 从0开始 #}
    index0:{{ loop.index0 }}, {# 获取列表的索引从1开始#}
    revindex:{{ loop.revindex }}, {# 反转 从1开始#}
    revindex0:{{ loop.revindex0 }} {# 反转 从0开始#}

 {% else %}
    <b>for循环的else语法</b>
{% endfor %} {#这个是for循环的结束语句#}

</body>
</html>

{#
1：动态数据变量的获取
2：if语句的使用
3: for语句的使用
4：子模板继承父模板



#}